<template>
  <div class="areaTitle-warp">
    <p class="title-warp">{{title}}</p>
    <div class="btn-warp">
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: ["title"]
};
</script>
<style lang="less" scoped>
@import "../../assets/less/color.less";
.areaTitle-warp {
  height: 50px;
  display: flex;
  .title-warp {
    flex: none;
    width: 200px;
    font-size: 14px;
    color: @cl-font;
    font-weight: bold;
  }
  .btn-warp {
    flex: 1;
    text-align: right;
  }
}
</style>
